<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
            // 对象的更新
            // 1.键和键值相同时可以省略
            // let myname = '张三';
            // let obj = {
            //      myname,
            //      age : 20
            // }
            // console.log(obj);

            // 2.对象里函数写法的更新
            // 方法简写
            // let obj = {
            //     name : '张三',
            //     age : 20,
            //     fn(){
            //           console.log('fn',this);this指向obj
            //       }
            // }


            //   3.键名的更新
            // 对象的键名 都会自动转字符串  
                let myname = '李四';
                let myage = 'age';
                let myobj = {};
                let ele = document.querySelector('#box');
                let obj ={
                    myname :myname,
                    [myage]:20,
                    [1+2]:'hello',
                    [myobj]:'对象',
                    [ele]:'red',
                }
                console.log(obj);

                // 查看是否为字符串
                for(let key in obj){
                    console.log(typeof key);
                }




    </script>
</body>
</html>